{include file="public/header" /}
<style>
	body {
		background: #e1e0de;
	}

	* {
		box-sizing: border-box;
	}

	h1,
	h2,
	h3,
	h4 {
		font-weight: 700 !important;
	}

	.layui-card-header {
		width: 100%;
		border-bottom: 1px solid #999 !important;
		padding-left: 5px;
	}

	.layui-card {
		padding: 10px 20px 50px;
	}

	/* p {
		margin: 0 0 10px !important;
	} */

	.layui-container {
		padding: 0 !important;
	}

	img {
		max-width: 100%;
	}

	::-moz-selection {
		background: #cccccc;
		color: #ffffff;
	}

	::selection {
		background: #cccccc;
		color: #ffffff;
	}

	.layui-breadcrumb {
		padding-left: 5px;
	}

	.layui-card h1 {
		margin: 10px auto 0;
	}

	.description {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0;
	}

	.layui-textarea {
		resize: none !important;
	}

	@media screen and (max-width: 800px) {
		.layui-card-header {
			line-height: normal !important;
			font-size: 10px !important;
		}
	}
	.layui-card-body {
		padding: 10px 5px;
	}
	.content-font{
		color: #333;
		line-height: 24px;
	}
	.content-one{
		margin-top: 20px;
	}
	.content-two{
		margin-top: 30px;
	}
	.conent-p{
		margin-left: 122px;
	}
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
	<div class="layui-card">
		<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
		<div class="layui-card-header">
			<h1>{:lang('Banking Details')}</h1>
		</div>
		
		<div class="content-two content-font" style="font: 12px/14px arial,helvetica,sans-serif;">
			<h4>{:lang('Details for Telegraphic Transfer')}</h4>
			<style type="text/css">
			    .banktou {
			    	margin-top: 10px;
			    }
				.banktou p{
                   font: 12px/14px arial,helvetica,sans-serif;
                   padding: 5px 0px;
                   color: #333;
				}
			</style>
			<div class="banktou">
				<div>{:lang('Bank Account')} 1</div>
				<p>{:lang("Beneficiary's Bank: DBS BANK Ltd")}</p>
				<p>{:lang("Bank's Address: 12 Marina Boulevard DBS Asia Central Marina Bay Financial Centre Tower 3 Singapore 018982")}</p>
				<p>{:lang("Swift Code: DBSSSGSG")}</p>
				<p>{:lang("Beneficiary's Account Number: USD Account: 003-954281-0")}</p>
				<p>{:lang("Beneficiary's Name: SHANGHAI LILY BEARING LIMITED")}</p>
				<p>{:lang("Correspondent Bank: JPMorgan Chase Bank,N.A. SWIFT:CHASUS33 ABA No: 021000021 CHIPS ID: 002")}</p>
			</div>
		</div>

		<div class="content-two content-font" style="font: 12px/14px arial,helvetica,sans-serif;margin-top: 100px;">
			<div class="banktou">
				<div>{:lang('Bank Account')} 2</div>
				<p>{:lang("INTERMEDIARY BANK: CITIBANK N.A.,NEW YORK (SWIFT BIC: CITIUS33XXX)")}</p>
				<p>{:lang("BENEFICIARY BANK: ZHEJIANG TAILONG COMMERCIAL BANK CO.,LTD (SWIFT BIC:ZJTLCNBHXXX) ADD: No.188, Nanguan Road, Luqiao Taizhou Zhejiang China 318050")}</p>
				<p>{:lang("BENEFICIARY NAME: SHANGHAI LILY BEARING FACTORY CO.,LTD.")}</p>
				<p>{:lang("BENEFICIARY A/C NO.: 31010010201000030951")}</p>
			</div>
		</div>

			
	</div>
</div>

{include file="/public/footer" /}
<script>
	layui.use("element", function() {
		var element = layui.element;
		element.on("tab(demo)", function(data) {
			console.log(data);
		});
	});
</script>
